$('.banner').css('height',$(window).height()-60 + 'px')
$(window).resize(function() {
  $('.banner').css('height',$(window).height()-60 + 'px')
});
$('.nav-list').click(function(){
	$(this).addClass('selected').siblings('.nav-list').removeClass('selected');
});
$('.menu').click(function(){
	if ($('.nav').hasClass('closed')) {
		$('.nav').removeClass('closed');
$(this).removeClass('on');
	}else{
		$('.nav').addClass('closed');
$(this).addClass('on');
	}
});
$('.turn').click(function () {
  $('html, body').animate({
    scrollTop: $($.attr(this, 'href')).offset().top-60
  }, 500);
  return false;
});
$(window).scroll(function(){
  if ($(document).scrollTop() >= ($(window).height()-60)) {
    $('.turn-top').show();
  }else{
    $('.turn-top').hide();
  }
});
(function(){
  var bannerList = $('.banner-list');
  var strHtml = ""
  for (var i = 0; i < bannerList.length; i++) {
    strHtml += '<li></li>'
  }
  $('.banner-step').html(strHtml);
  $('.banner-step li').eq(0).addClass('on');

  var num = 1;
  setInterval(function(){
    if (num > (bannerList.length-1)) {
      num=0;
    }
    $('.banner-step li').removeClass('on');
    $('.banner-step li').eq(num).addClass('on');
    $('.banner-list').removeClass('on');
    $('.banner-list').eq(num).addClass('on');
    num++;
  },5000);
  $('.banner-step li').click(function(){
    num = $(this).index();
    $('.banner-step li').removeClass('on');
    $('.banner-step li').eq(num).addClass('on');
    $('.banner-list').removeClass('on');
    $('.banner-list').eq(num).addClass('on');
  })
})();